<template>
    <!-- 组件效果 单独测试：快速原型开发 vue serve ./src/components/Pager/test.vue -->
  <div class="test-container">
    <Pager @pageChange="pageChange" :current="current" :total="total"></Pager>
  </div>
</template>

<script>
import Pager from "./"
export default {
  name:"App", // 如果在组件没有在注册的时候没有指定名字，则使用该名字 
  components:{Pager},
  data:()=>({
    current:1,
    total: 109,
  }),
  methods:{
    pageChange(curr){
      this.current = curr
    }
  }
}
</script>
<style lang="less">

</style>
